<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  
    <title>首页</title>
    <link rel="stylesheet" href="__CSS__/mystyle.css" />
    <link rel="shortcut icon" href="./Public/favicon.ico" type="image/x-icon">
    <!--<script src="https://qiyukf.com/script/76152b99dc96394d4635f26a6154d0d7.js" defer async></script>-->
  </head>
  <body style="padding-top: 0;">
    
    <!--导航-->
    <div class="sy-header" id="sy-header">
      <div class="sy-head">
        <div class="sy-bar">
          <div class="sy-logo">
            <a href="{:U('index')}">
              <!--<h1>LOGO</h1>-->
              <img src="__IMG__/logo.png" />
            </a>
          </div>
          <ul class="sy-bar-menu">
            <li class="active">
              <a href="{:U('index')}">首页</a>
            </li>
            <li>
              <a href="{:U('store_process')}">功能</a>
              <div class="sy-bar-child">
                <div class="sy-bar-child-menu">
                  <a href="{:U('store_process')}">店面流程</a>
                  <a href="{:U('report_management')}">报表与管理</a>
                  <a href="{:U('member')}">会员</a>
                  <a href="{:U('marketing')}">营销与推广</a>
                  <a href="{:U('micro_shop')}">微店铺</a>
                  <a href="{:U('boss_assistant')}">老板助手</a>
                </div>
              </div>
            </li>
            <li>
              <a href="{:U('offer')}">设备与价格</a>
            </li>
            <li><a href="{:U('service')}">城市服务商</a></li>
            <li><a href="{:U('about_us')}">关于我们</a></li>
          </ul>
        </div>
      </div>
    </div>
    
    <div class="syHeader">
      <div class="syBtn">
        <div class="btn btn-experience">免费注册体验</div>
      </div>
    </div>
    
    <div class="sy-title">
      <h1>为什么选择我们？</h1>
    </div>
    
    <div class="sy-character">
      <div class="sy-item">
        <span class="index-icon icon-one"></span>
        <p>集点餐、收银、管理营销为一体</p>
      </div>
      <div class="sy-item">
        <span class="index-icon icon-pay-method"></span>
        <p>支持多种设备使用支持多种支付方式</p>
      </div>
      <div class="sy-item">
        <span class="index-icon icon-efficency"></span>
        <p>全面提升门店经营帮助提高管理效益</p>
      </div>
      <div class="sy-item" style="margin-right: 0;">
        <span class="index-icon icon-operation"></span>
        <p>操作简单、轻松上手</p>
      </div>
    </div>
    
    <div class="sy-detailed">
      <div class="sy-detailed-t">
        <img src="__IMG__/fdsfs.png" />
        <div class="sy-detailed-text">
          <p class="fast-food">快餐</p>
          <p class="hot-pot">火锅</p>
          <p class="western-food">西餐</p>
          <p class="malatang">麻辣烫</p>
          <p class="coffee">咖啡馆</p>
          <p class="milk-tea">奶茶店</p>
        </div>
      </div>
    </div>
    
    <div class="sy-equip-method">
      <div class="li">
        <img src="__IMG__/mdl.png" />
        <p>智能收银台</p>
        <div class="sy-ip-desc">
          <p>每一家精致的餐厅都需要的收银台</p>
        </div>
      </div>
      <div class="li">
        <img src="__IMG__/ipad.png" />
        <p>移动点餐</p>
        <div class="sy-ip-desc">
          <p>不止双屏收银机那么简单</p>
        </div>
      </div>
      <div class="li last">
        <img src="__IMG__/mobile.png" />
        <p>移动支付</p>
        <div class="sy-ip-desc">
          <p>全面支持支付宝支付、微信支付</p>
        </div>
      </div>
    </div>
    
    <div class="sy-service">
      <div class="sy-service-o">
        <h1>城市服务商火热招募中</h1>
        <a class="btn btn-sign-up" href="{:U('service')}">马上报名</a>
      </div>
    </div>
    
    <div class="sy-service-text">
      <p>城市服务商申请流程</p>
    </div>
    <div class="sy-service-process">
      <div>
        <span class="service-process step-one"></span>
        <p>填写申请表</p>
      </div>
      <div class="next"></div>
      <div>
        <span class="service-process step-two"></span>
        <p>进行审核</p>
      </div>
      <div class="next"></div>
      <div>
        <span class="service-process step-three"></span>
        <p>通过审核</p>
      </div>
      <div class="next"></div>
      <div>
        <span class="service-process step-four"></span>
        <p>进行备案</p>
      </div>
      <div class="next"></div>
      <div>
        <span class="service-process step-five"></span>
        <p>签订代理合同</p>
      </div>
      <div class="next"></div>
      <div>
        <span class="service-process step-six"></span>
        <p>进行授权</p>
      </div>
    </div>
    
    
    <div class="sy-footer">
      <div class="sy-footer-content">
        <ul>
          <li class="first">关于我们</li>
          <li>免费注册</li>
          <li>行业资讯</li>
          <li>加入我们</li>
        </ul>
        <ul>
          <li class="first">服务支持</li>
          <li>申请服务商</li>
          <li>帮助中心</li>
          <li>隐私许可</li>
          <li>使用许可</li>
        </ul>
        <ul class="sy-footer-icon">
          <li class="tel"></li>
          <li class="email"></li>
          <li class="address"></li>
        </ul>
        <img src="__IMG__/erweima.jpg" />
      </div>
    </div>
    <div class="sy-copyright">
      <p>绍兴锦蓝钻信息技术有限公司&nbsp;&nbsp;&nbsp;Copyright&nbsp;&copy;&nbsp;2015 jinlanzuan Inc. All Rights Reserved.&nbsp;&nbsp;浙ICP备1402798</p>
    </div>
    
    <script src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <script>
      $(function(){
        $('.child-menu').mouseenter(function(){
          $('.sy-bar-child').show();
        });
        var h = $(window).scrollTop();
        if( h > 10){
          $("#sy-header").addClass('sy-opaque');
        }
        $(window).scroll(function(){
          var height = $(window).scrollTop();
          var opacity = height / 300;
          opacity = opacity > 1 ? 1 : opacity;
          if(height > 2){
            $("#sy-header").addClass('sy-opaque');
            $("#sy-header").css('opacity',opacity);
          }else{
            $("#sy-header").removeClass('sy-opaque');
            $("#sy-header").css('opacity',1);
          }
        });
      });
    </script>
  </body>
</html>